// pages/user/user.js
import {
  LoginFn
} from "../../request/api.js";
import Dialog from '../../utils/dialog/dialog';
import Toast from '@vant/weapp/toast/toast';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    gridArr: [{
        icon: "label-o",
        text: "我的订单"
      },
      {
        icon: "bill-o",
        text: "优惠券"
      },
      {
        icon: "goods-collect-o",
        text: "礼品卡"
      },
      {
        icon: "star-o",
        text: "我的收藏"
      },
      {
        icon: "flag-o",
        text: "我的足迹"
      },
      {
        icon: "points",
        text: "会员福利"
      },
      {
        icon: "location-o",
        text: "地址管理"
      },
      {
        icon: "warn-o",
        text: "账号安全"
      },
      {
        icon: "service-o",
        text: "联系客服"
      },
      {
        icon: "question-o",
        text: "帮助中心"
      },
      {
        icon: "smile-comment-o",
        text: "意见反馈"
      },
    ],
    // 判断是否登录
    isLogined: wx.getStorageSync('token'),
    show: false,
    // 用户名
    username: "",
    password: "",
    // 点击登录或昵称
    nickname: "点击登录",
    // 头像
    avatar: "../../images/header.png"
  },
  // 遮罩层点击隐藏事件
  onClickHide() {
    this.setData({
      show: false
    });
  },
  // 遮罩层点击显示事件
  onshow() {
    let token = wx.getStorageSync('token');
    if (!token) {
      this.setData({
        show: true
      });
    }
  },
  // 登录
  submit() {
    //  console.log(this.data.username);
    //  console.log(this.data.password);
    LoginFn({
      username: this.data.username,
      pwd: this.data.password
    }).then(res => {
      // console.log(res);
      if (res.errno == 0) {
        let {
          token,
          userInfo
        } = res.data;
        // console.log(token);
        let userInfo1 = JSON.stringify(userInfo)
        // 存到storage中
        wx.setStorageSync('token', token);
        wx.setStorageSync('userInfo', userInfo1);
        // 关闭model
        // 用户头像和昵称
        this.setData({
          nickname: userInfo.username,
          avatar: userInfo.avatar,
          show: false,
          isLogined: true
        })
      }
    })
  },
  onLoad(options) {
    // 判断是否登录
    let userInfo = wx.getStorageSync('userInfo');
    if (userInfo) {
      let userInfo1 = JSON.parse(userInfo);
      // 修改头像和昵称
      // 用户头像和昵称
      this.setData({
        avatar: userInfo1.avatar,
        nickname: userInfo1.username,
        isLogined: true
      })
    }else{
      wx.showLoading({
        title: '请先登录',
        duration:500
      })
    }
  },
  // 退出登录
  logout() {
    Dialog.confirm({
        title: '退出登录确认',
        message: '您确定退出吗',
        showCancelButton: true
      })
      .then(() => {
        // 清除Storage
        wx.removeStorageSync('token');
        wx.removeStorageSync('userInfo')
        // 重新去到登录页面
        wx.switchTab({
          url: '/pages/user/user',
        })
        this.onLoad();
        // 恢复
        this.setData({
          // 点击登录或昵称
          nickname: "点击登录",
          // 头像
          avatar: "../../images/header.png",
          isLogined: false
        })
      }).catch(() => {
        // on cancel
      });

  },
  // 轻提示
  dian() {
    wx.showToast({
      title: '该功能未开放',
      icon: "none",
      duration: 2000
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    
    this.getTabBar().setData({
      active: 4
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})